<template>
	<div id="app">
    <div>字段级血缘关系图展示</div>
		<div>
      <LineageDag />
    </div>
	</div>
</template>
<script>
import LineageDag from "./views/LineageDag/index.vue"
export default {
  components:{
    LineageDag
  },
	data() {
		return {
			count: 0,
		};
	},
	methods: {
		btnClick() {
			this.count = this.count + 1;
			// iframe.contentWindow.postMessage;
		},
		sendParent() {
			window.parent.postMessage(
				{
					data: {
						code: 'success',
						test: '我是子页面的test！',
            count:this.count,
					},
				},
				'*'
			);
		},
	},
};
</script>

<style>
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
}

nav {
	padding: 30px;
}

nav a {
	font-weight: bold;
	color: #2c3e50;
}

nav a.router-link-exact-active {
	color: #42b983;
}
</style>
